.credentials-configured {
	margin-bottom: 0;
}

.credentials-configured__info {
	align-items: center;
	display: flex;
}

.credentials-configured__info-gridicon {
	display: inline-block;
	flex-shrink: 0;
	margin-right: 10px;
}

.credentials-configured__info-text {
	display: inline-block;
}

.credentials-configured__info-gridicon {
	color: var( --color-success );
}

.credentials-configured__info-protocol {
	font-weight: bold;
	font-size: rem( 15px );
}

.credentials-configured__info-description {
	color: var( --color-neutral-light );
	font-size: rem( 13px );
}

.credentials-configured__revoke-actions {
	text-align: right;
}

.credentials-configured__revoke-icon {
	color: var( --color-error );
	margin-right: rem( 5px );
}

.credentials-configured__revoke-button.is-borderless {
	margin-right: rem( 20px );
	position: relative;
	top: -5px;

	&:hover .credentials-configured__revoke-icon {
		color: var( --color-error-60 );
	}

	&:disabled .credentials-configured__revoke-icon {
		color: var( --color-error-5 );
	}
}
